<template>
  <div>
    <h2>我是父组件</h2>
    <hr>
    <SonE>
      <h2 style="color:red;">我是默认插槽标题</h2>
      <template #main="scope">
        <!-- {list}={list:[]} -->
        <div style="color:pink;">
          我是具名插槽的内容
          <div v-for="(item, index) in scope.list" :key="index">{{ item }}</div>
        </div>
      </template>
      <template #bottom>
        <div style="font-size:30px;">
          我是具名插槽底部内容
        </div>
      </template>
    </SonE>
  </div>
</template>
<script>
import SonE from './components/SonE.vue'
export default {
  components: {
    SonE
  }
}
</script>
<style>
</style>
